
//侧边导航栏
.side-main{
  position: fixed;
  top: $base-header-height;
  left: 0;
  width: $base-sidebar-width;
  height: calc(100vh - $base-header-height);
  background-color: #f0f0f0;
}
//内容区域
.app-main {
  padding-top: $base-header-height;
  -webkit-transition: margin-left .28s;
  height: 100%;
    transition: margin-left .28s;
    margin-left: $base-sidebar-width;
    position: relative;
}
//头部
.l-header{
  height: $base-header-height;
  width: 100%;
  position: fixed;
  top: 0;
z-index: 999;
}
.hideSidebar {

    width: 54px !important;
  

  .main-container {
    margin-left: 54px;
  }

  .sub-menu-title-noDropdown {
    padding: 0 !important;
    position: relative;

    .el-tooltip {
      padding: 0 !important;

      .svg-icon {
        margin-left: 20px;
      }
    }
  }

  .el-sub-menu {
    overflow: hidden;

    &>.el-sub-menu__title {
      padding: 0 !important;

      .svg-icon {
        margin-left: 20px;
      }

    }
  }

  .el-menu--collapse {
    .el-sub-menu {
      &>.el-sub-menu__title {
        &>span {
          height: 0;
          width: 0;
          overflow: hidden;
          visibility: hidden;
          display: inline-block;
        }
        &>i {
          height: 0;
          width: 0;
          overflow: hidden;
          visibility: hidden;
          display: inline-block;
        }
      }
    }
  }
}